<extend name="Template/index"/>

<block name="title">金牌老师</block>

<block name="resource">
<link rel="stylesheet" type="text/css" href="__PUBLIC__/home/css/tutor.css">
</block>
<block name="nav-pos">
	<li>金牌讲师</li>
</block>
<block name="main">
    <volist name="teacher" id="t">
<div>
	<div class="lecturer">
        <div class="media">
          <div class="media-left">
            <a href="">
                <div class="box">
                    <div style="" class="box1"><img class="media-object" src="__PUBLIC__{$t.teacher_img}" alt="..."title="" height="170" width="120"></div>
                    <div style="" class="box2"><b> 点击查看详情</b></div>
                </div>
            </a>
          </div>
          <div class="media-body">

              <ul class="list-group">
              <li class="list-group-item"><div class="synopsis">姓名：</div><span>{$t.teacher_name}</span></li>
              <li class="list-group-item"><div class="synopsis">年龄</div><span>{$t.teacher_age}</span></li>
              <li class="list-group-item"><div class="synopsis">Vip</div><span>{$t.teacher_vip}</span></li>
              <li class="list-group-item"><div class="synopsis">代表作</div><span>{$t.teacher_url}</span></li>
            </ul>

          </div>
        </div>
    </div>
</div>
    </volist>
        </div>
        </div>
          <div class="page">
            <ul class="pagination">
              <li><a href="#"><</a></li>
              <li><a href="#">1</a></li>
              <li><a href="#">2</a></li>
              <li><a href="#">3</a></li>
              <li><a href="#">4</a></li>
              <li><a href="#">5</a></li>
              <li><a href="#">></a></li>
            </ul>
          </div>
        
    </div>

</div>
  
<style>
    .box{height: 100%;width: 100%;background-color: pink;position:relative;overflow-y:hidden;}

    .box2{background:url("__PUBLIC__/Uploads/shou.jpg") no-repeat;background-size:100% 175px;opacity: 0.4;width:100%;height: 100%;transition: all 0.8s ease;-o-transition: all 0.8s ease;position: absolute;top:180px;}
    .box:hover .box2{position: absolute;top:0;}
    </style>
</block> 